* {
    list-style: none;
}

.system-role {
    background: #fff;
    padding: 0 10px;
    margin: 20px;
    padding: 20px;

    .role-header {
        display: flex;
        justify-content: space-between;
        align-items: center;

        h4 {
            border-left: 5px solid blue;
            padding: 6px;
            font-size: 20px;
            margin-bottom: 20px;
        }
    }

    .role-box {
        min-height: 500px;
        display: flex;
        justify-content: space-between;

        .rolebox-left {
            border: 1px solid rgb(178, 178, 189);
            width: 300px;
            padding: 14px;

            .role {
                display: flex;
                justify-content: space-between;
            }

            ul {
                margin-top: 20px;

                .active {
                    color: black
                }

                li {
                    width: 100%;
                    display: flex;
                    justify-content: space-between;
                    margin-bottom: 10px;
                    cursor: pointer;

                    p {
                        width: 80%;
                    }

                    .anticon-form {
                        display: flex;
                        justify-content: space-between;
                    }
                }
                .active{
                    color: #5da2f9;
                }
            }
        }

        .rolebox-right {
            width: 800px;
            border: 1px solid rgb(178, 178, 189);
            padding: 0 10px;

            p {
                line-height: 40px;
                border-bottom: 1px solid rgb(178, 178, 189);
                padding: 10px;
            }

            .allcheck {
                margin: 15px 0;
                text-align: center;
            }

            .list-box {
                .ipt-box {
                    margin-bottom: 10px;
                }

                ul {
                    display: flex;
                    justify-content: space-between;
                }
            }
        }
    }
}